<template>
	<view class="reserveResources">
		<view class="classification" v-for="(item,index) in list" :key="index" @click="goFn(item.path)">
			{{item.name}}
		</view>

	</view>

</template>

<script setup>
	import {
		reactive,
		toRefs,
	} from 'vue'

	const state = reactive({
		list: [{
				path: 'doctorAdvice',
				name: '医嘱执行'
			},
			{
				path: 'apply',
				name: '院内申请'
			},
			{
				path: 'expertHelp',
				name: '专家求助'
			},
			{
				path: 'chestPain',
				name: '胸痛管理'
			},
			{
				path: 'wound',
				name: '严重创伤'
			},

		]
	})
	const {
		list
	} = toRefs(state)

	const goFn = (path) => {
		console.log('点击跳转', path)
		uni.navigateTo({
			url: `/pages/reserveResources/${path}/${path}`
		})
	}
</script>
<style scoped lang="scss">
	page {
		height: 100%;
		display: flex;
	}

	.reserveResources {
		height: 100%;
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		background-color: #eefdfb;
		padding: 0 40rpx;

		.classification {
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			font-size: 40rpx;
			width: 100%;
			height: 100rpx;
			background-color: #32c9ca;
			border-radius: 60rpx;

			&:hover {
				background-color: #1adbdb;
			}
		}
	}
</style>